<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
		<meta name="HandheldFriendly" content="true" />
  		<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />
  		<meta name="apple-mobile-web-app-capable" content="yes" />  		
		<title>Directorio Orq</title>	
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
		<link rel="stylesheet" href="css/styles.css"/>
  		<link rel="stylesheet" href="css/photoswipe.css"/>
  		<script src="javascript/klass.min.js"></script>
  		<script src="javascript/code.photoswipe-3.0.4.min.js"></script>
		<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
		<script type="text/javascript" src="javascript/mostrarTemaInstrumentos.js"></script>
		<script type="text/javascript">
					function llamarActionDetalles(){
						var url_ActionDetalles = "detalles_Detalles.action";
						var partitura = document.forms.buscarPartitura.tema.value;
						var instrumento = document.forms.buscarPartitura.instrumento.value;
						var tipo = document.forms.buscarPartitura.tipo.value;
						
						if(validarCampos()){
							document.location = url_ActionDetalles+"?idPartitura="+partitura+"&idInstrumento="+instrumento+"&idFamilia="+tipo;
						}
					}
					function irAlInicio(){
						var url_inicio = "index.action";
						document.location = url_inicio;
					}
					function llamarActionEliminar(repertorio,nombre){
						var url_ActionEliminar = "repertorio_EliminarPartituraRepertorio.action";
						var instrumento = document.forms.buscarPartitura.instrumento.value;
						var tema = document.forms.buscarPartitura.tema.value;
						if(validarCampos()){
							var respuesta = confirm("Esta seguro que desea borrar esta partitura del repertorio?");
							if(respuesta){
								document.location = url_ActionEliminar+"?idPartitura="+tema+"&idInstrumento="+instrumento+"&repertorio.idRepertorio="+repertorio+"&repertorio.nombre="+nombre;
								alert("Se ha borrado la partitura del repertorio");
							}else{
								return 0;
							}
						}else{
							return 0;
						}
					}
					function validarCampos(){
						var bol = false;
						if (document.forms.buscarPartitura.tema.selectedIndex==0){
							alert("Seleccione un tema");
							document.forms.buscarPartitura.tema.focus();
							return 0;
						}else{
							if(document.forms.buscarPartitura.instrumento.selectedIndex==0){
								alert("Seleccione un instrumento");
								document.forms.buscarPartitura.instrumento.focus();
								return 0;
							}else{									
								bol = true;
								return bol;
							} 
						}
					}
				</script>
</head>
<body>
		
		<div data-role="page" id="partiturasRepertorio" data-Theme="d">
			<div data-role="header" align="center" data-theme="d">
				<a href="#" data-role="button" data-icon="arrow-l" data-transition="slide" data-rel="back" data-iconpos="notext" >Regresar</a>
					<img alt="" src="images/sml-logo.png">
				<a href="#" data-role="button" data-icon="home" data-transition="slide" onclick="irAlInicio()" data-iconpos="notext" >Inicio</a>		
			</div>
			<div data-role="content" align="center">
				<h2><s:property value="repertorio.nombre"/></h2>
				<form id="buscarPartitura">
					<fieldset>
	          			<select name="idPartitura" id="tema">
	         				<option value="-1">Seleccione el tema</option>
	         				<s:iterator value="partituraList">
	         					<option value="<s:property value="idPartitura"/>"><s:property value="nombre"/></option>
	         				</s:iterator>
	          			</select>
	          			        
	          			<select name="idInstrumento" id="instrumento">
	          				<option selected="selected" value="-1">Seleccione un Instrumento</option>
	          			</select>
	          			<input type="hidden" name="idFamilia" id="tipo">
	          			<input type="hidden" value="<s:property value="repertorio.idRepertorio"/>" id="idRepertorio">
	        			<br>
	        		</fieldset>
	     				<button data-icon="search" data-inline="true" type="button" onclick="llamarActionDetalles()">Ver Partitura</button>
	     				<a href="#" data-role="button" data-icon="delete"  data-inline="true" onclick="llamarActionEliminar(<s:property value="repertorio.idRepertorio"/>,'<s:property value="repertorio.nombre"/>')" >Eliminar Partitura</a>
				</form>
			</div>					
		</div>
</body>
</html>